<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="initial-scale=1,user-scalable=no,maximum-scale=1,width=device-width">
  <title>千篇网-专区图鉴</title>
  <meta name="keywords" content="" />
  <meta name="description" content="" />
  <link rel="stylesheet" href="js/layui/css/layui.css">
  <link rel="stylesheet" href="css/swiper.css">
  <link rel="stylesheet" href="css/base.css">
  <script type="text/javascript" src="js/jq1.9.js"></script>
  <script type="text/javascript" src="js/layui/layui.js"></script>
  <script type="text/javascript" src="js/swiper.js"></script>
  <script type="text/javascript" src="js/lazyload.js"></script>
</head>
<body>
  <div id="warp">
    <div class="header_warp">
      <div class="header_top">
        <a href="template.html" class="logo"><img src="images/logo.png" alt=""> </a>
        <div class="lab"><u>移动版</u></div>
        <div class="flex">
          <div class="search">
            <div class="input">
              <input type="text" placeholder="请输入搜索的游戏名称">
            </div>
            <div class="but icoimg"></div>
           </div>
        </div>
        <div class="userbtn ">
            <!-- 登录后 -->
            <a href="##" class="name"><img src="img/name.png" alt=""></a>
        </div>
      </div>
      <div class="swiper_nav">
        <div class="swiper-container ">
          <div class="swiper-wrapper">
            <div class="swiper-slide on"><a href="##">推荐</a></div>
            <div class="swiper-slide"><a href="##">首页</a></div>
            <div class="swiper-slide"><a href="##">安卓游戏</a></div>
            <div class="swiper-slide"><a href="##">安卓软件</a></div>
            <div class="swiper-slide"><a href="##">苹果游戏</a></div>
            <div class="swiper-slide "><a href="##">苹果软件</a></div>
          </div>
        </div>
        <div class="switch_ "><i class="icoimg"></i></div>
       
      </div>
      <div class="burger">
        <div class="switch_nav">
            <div class="lis clear">
                <a href="##">首页</a>    
                <a href="##">安卓游戏</a> 
                <a href="##">安卓软件</a> 
                <a href="##">苹果游戏</a> 
                <a href="##">苹果软件</a> 
                <a href="##">苹果软件</a> 
                <a href="##">苹果软件</a> 
                <a href="##">苹果软件</a> 
                <a href="##">苹果软件</a> 
            </div>
            <div class="hidebox"><i class="icoimg"></i></div>
        </div>
      </div>
    </div>
    <div class="content">
        <div class="title">
            <div class="bt">原神专区</div>
        </div>
        <div class="zqtopbox">
            <a href="##" class="lazy imgbj"><img data-original="img/tu1.jpg" alt=""></a>
            <div class="downbox">
                <a href="##" class="img lazy"><img data-original="img/tu2.jpg" alt=""></a>
                <div class="infor">
                    <div class="name_bt">
                        <a href="##">原神</a>
                        <div class="lab_p">
                            <a href="##"><i class="ico pc"></i></a>
                            <a href="##"><i class="ico anzhuo"></i></a>
                            <a href="##"><i class="ico mac"></i></a>
                            <a href="##"><i class="ico iphone"></i></a>
                            <a href="##"><i class="ico ps"></i></a>
                            <a href="##"><i class="ico xbox"></i></a>
                        </div>
                    </div>
                    <div class="p">米哈游·角色扮演·二次元・新世界</div>
                    <div class="tabckbox">
                        <a href="##" class="tab tab1">50+下载</a>
                        <a href="##" class="tab tab2">装机必备</a>
                        <a href="##" class="tab tab3"><i class="icoimg"></i>编辑推荐</a>
                        <a href="##" class="tab tab5"><i class="icoimg"></i>动作#1</a>
                    </div>
                </div>
                <div class="bf">9.1</div>
            </div>
            <div class="childnav">
                <div class="swiper-container">
                    <div class="swiper-wrapper">
                        <div class="swiper-slide on"><a href="##" class="a">资讯攻略</a></div>
                        <div class="swiper-slide"><a href="##" class="a">资源下载</a></div>
                        <div class="swiper-slide"><a href="##" class="a">英雄图鉴</a></div>
                        <div class="swiper-slide"><a href="##" class="a">游戏公告</a></div>
                        <div class="swiper-slide"><a href="##" class="a">英雄图鉴</a></div>
                        <div class="swiper-slide"><a href="##" class="a">游戏公告</a></div>
                        <div class="swiper-slide"><a href="##" class="a">游戏公告</a></div>

                    </div>
                </div>
            </div>
        </div>
        <!-- 英雄图鉴 -->
        <div class="Cont15 switchbox">
            <div class="title">
                <div class="bt">英雄图鉴</div>
            </div>
            <div class="swiper-child swiperauto">
                <div class="swiper-container">
                    <div class="swiper-wrapper switchlab">
                        <div class="swiper-slide a on"><a>战士</a></div>
                        <div class="swiper-slide a"><a>法师</a></div>
                        <div class="swiper-slide a"><a>坦克</a></div>
                        <div class="swiper-slide a"><a>刺客</a></div>
                    </div>
                </div>
            </div>
            <div class="switchitem">
                <div class="item_">
                    <ul class="list clear">
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                    </ul>
                    <a class="morelink">查看更多</a>
                </div>
                <div class="item_ hide">
                    <ul class="list clear">
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>
                        <li><a href="##"><div class="lazy"><img data-original="img/img2.png" alt=""></div><p>人物名称</p></a></li>

                    </ul>
                    <a class="morelink">查看更多</a>
                </div>
            </div>

        </div>
    </div>
    <div class="footer">
      <div class="text">
        <p>
            <a href="https://support.qq.com/product/415567" rel="nofollow">意见反馈</a> <span>|</span>
            <a href="https://support.qq.com/product/415567" rel="nofollow">投稿</a> <span>|</span>  
            <a href="https://support.qq.com/product/415567" rel="nofollow">求助</a>
        </p>
        <p>COPYRIGHT ©  2022 <a href="https://beian.miit.gov.cn/"  rel="nofollow">渝ICP20008086号-10</a> 千篇网</p>
      </div>
    </div>
  </div>
  <script src="js/base.js"></script>
</body>
</html>